import { createSlice } from "@reduxjs/toolkit";

const countSlice = createSlice({
    name: 'count',
    initialState: {
        count: Number(localStorage.getItem('count')) || 0
    },
    reducers: {
        changeCount(state, actions) {
            state.count += actions.payload

            // localStorage.setItem('obj', JSON.stringify({ name: '张三' }))

            localStorage.setItem('count', state.count)


            // sessionStorage  会话存储，不常用。（会话存储只要浏览器关闭数据就清空）
            // localStorage  本地存储，常用。（只要不主动清除，数据永远存在）
            // localStorage.setItem(key,value)  保存数据，数据不能是引用类型。(只能保存字符串)
            // localStorage.getItem(key) 获取数据
            // localStorage.removeItem(key) 删除当前数据
            // localStorage.clear()  清除所有数据


            // sessionStorage.setItem()
            // sessionStorage.getItem()
            // sessionStorage.removeItem()
            // sessionStorage.clear()
        }
    }
})

export const { changeCount } = countSlice.actions
export default countSlice.reducer
